<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="www.baidu.com">
        <!-- type：组件的类型 -->
        用户名：<input type="text" name="acc">   <br/>
        昵称：<input type="text" name="nickName">   <br/>
        密码： <input type="password" name="pwd"> <br/>

        <!-- 两个name相同表示两个单选按钮是一组，
             value表示此按钮给后台传递的数值(男和女是给用户展示的数值) -->
        性别： <input type="radio" name="gender" value="m" checked>男
              <input type="radio" name="gender" value="f" >女   <br/>

        <!-- 两个name相同表示两个单选按钮是一组, value表示此按钮给后台传递的数值(男和女是给用户展示的数值) -->
        爱好： <input type="checkbox" name="hobby" value="ks" checked>看书
              <input type="checkbox" name="hobby" value="dy" >看电影
              <input type="checkbox" name="hobby" value="yy" >游泳
              <input type="checkbox" name="hobby" value="yx" >打游戏<br/>

        喜欢的颜色： <input type="color" name="c"/>  <br/>
        头像：   <input type="file" name="photo"/>  <br/>
        出生日期：   <input type="date" name="birth"/>  <br/>
        音量：   <input type="range" name="yl"/>  <br/>
        <!--                                 for="引用input的id"-->
        <input type="checkbox" id="ag" checked>   <label for="ag">我同意以上协议</label>  <br/>

        <!--select表示下拉框 ,option表示下拉框中的选项。selected表示默认选中 -->
        <select> <!-- value是真正提交的数据 -->
            <option value="bj">北京</option>
            <option value="gd">广东</option>
            <option value="qd">青岛</option>
            <option value="0" selected>请选择</option>
        </select>
        <br/>

        <input type="button" value="按钮1">
        <button>按钮2</button>

        <input type="reset" value="重置">  <!-- 将form中的每一个组件的值变为初始值 -->
        <input type="submit" value="提交">  <!-- 将form中的每一个组件的值变为初始值 -->

    </form>





















</body>
</html>